<template>
  <div class="personalMessage">
    <div class="personalWrapper">
      <el-tabs :tab-position="tabPosition" :style="{height: tabHeight}">
        <el-tab-pane label="个人信息">
          <!-- 头像 -->
          个人信息
        </el-tab-pane>
        <el-tab-pane label="密码修改">密码修改</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabPosition: 'left',
      tabHeight: '500px'
    }
  },
  created() {
  },
  mounted() {
    this.tabHeight = (window.innerHeight - 100) + 'px'
  },
  methods: {
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import 'src/styles/variables.scss';
.personalMessage {
  padding: 10px 20px;
  .personalWrapper {
    padding: 10px 20px;
    background-color: white;
  }
}
</style>

